{% extends "prof_base.html" %}

{% block title %}
Alunos
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});
	});

{% endblock extrahead %}

{% block content %}
<div class="box-header clear">
	<h2>Alunos</h2>
</div>

<div class="box-wrap clear">
<!-- DATA-TABLE JS PLUGIN -->
<div id="data-table">
	<form method="post" action="">
		<table class="style1 datatable">
			<thead>
				<tr>
					<th>Nome:</th>
					<th>Unidade:</th>
					<th>Colégio:</th>
					<th>Ano:</th>
					<th>Endereço:</th>
					<th>Relatório:</th>
				</tr>
			</thead>
			<tbody>
				{% for aluno in alunos %}
					<tr>
						<td>{{aluno.nome}}</td>
						<td>{% for unidade in aluno.unidade.all %} {{unidade.nome}};{%endfor%}</td>
						<td>{{aluno.colegio}}</td>
						<td>{{aluno.serie}}</td>
						<td>{{aluno.endereco}}</td>
                        <td><a href="/prof_historico_aluno/{{aluno.id}}/"><input type="button" class="button green size-80 fl-space2" value="Ver Relatório" ></a></td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
		<a  href="/prof_aulasnaodadas/"><input type="button" class="button red size-120 fl" value="Voltar" /></a>
		<div class="tab-footer clear fl"></div>
	</form>
</div><!-- /#table -->

</div><!-- end of box-wrap -->
{% endblock content %}